<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:composite="http://java.sun.com/jsf/composite">
    <head>
        <title>This will not be present in rendered output</title>
    </head>
    <body>

        <composite:interface name="yuical"
                             displayName="YUI Cal Component"
                             shortDescription="YUI Calendar Component">
            <composite:attribute name="value" required="true" type="java.util.Date"/>
            <composite:attribute name="render" required="false" type="java.lang.String"/>
        </composite:interface>

        <composite:implementation>
            <h:outputScript name="jsf.js" library="javax.faces" target="head" />
            <h:outputScript name="yuical/calendar.js" target="head" />

            <h:panelGrid class="yui-skin-sam" id="holdingContainer">
                <h:panelGroup layout="block" id="calContainer"/>
                <h:inputHidden id="date" value="#{cc.attrs.value}">
                    <f:convertDateTime pattern="MM/dd/yyyy"/>
                </h:inputHidden>
            </h:panelGrid>
            <script type="text/javascript">
                demo.calendar.init("#{cc.clientId}", "#{cc.attrs.render}");
            </script>
        </composite:implementation>
    </body>
</html>
